<template>
	<view>
		<uni-byt-top-com title="头部组件" :backShow="backShow"></uni-byt-top-com>
		<scroll-view scroll-y="true" :style="{height:scrollHeight+'px'}">
			<view class="flex-col">

				<view class="flex-col my-14">
					<view class="flex-col my-14  mx-15">
						<text class="text-size-16">默认样式加头部标题：</text>
						<text class="text-size-16 text-min-color">title="自定义头部"</text>
					</view>
					<uni-byt-top-com title="自定义头部"></uni-byt-top-com>
				</view>

				<view class="flex-col my-14">
					<view class="flex-col my-14  mx-15">
						<text class="text-size-16">是否显示返回按钮：</text>
						<text class="text-size-16 text-min-color">:backShow="false"</text>
					</view>
					<uni-byt-top-com title="自定义头部" :backShow="false"></uni-byt-top-com>
				</view>

				<view class="flex-col my-14">
					<view class="flex-col my-14  mx-15">
						<text class="text-size-16">背景颜色：</text>
						<text class="text-size-16 text-min-color">bgColor="red"</text>
					</view>
					<uni-byt-top-com title="自定义头部" bgColor="red"></uni-byt-top-com>
				</view>

				<view class="flex-col my-14">
					<view class="flex-col my-14  mx-15">
						<text class="text-size-16">是否显示下边框线：</text>
						<text class="text-size-16 text-min-color">:borShow="false"</text>
					</view>
					<uni-byt-top-com title="自定义头部" :borShow="false"></uni-byt-top-com>
				</view>

			</view>
		</scroll-view>
	</view>
</template>

<script>
	import {
		getHeight
	} from "@/util"
	export default {
		data() {
			return {
				scrollHeight: getHeight(),
				backShow: false,
			}
		},
		onLoad(play) {
			if (play.backShow) {
				if (play.backShow == '1') {
					this.backShow = true
				}
			}
		},
		methods: {

		}
	}
</script>

<style>

</style>